<!DOCTYPE html>
<html lang="en">

<head>
    <title>测试管理系统</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="css/colorpicker.css" />
    <link rel="stylesheet" href="css/datepicker.css" />
    <link rel="stylesheet" href="css/uniform.css" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/matrix-media.css" />
    <link rel="stylesheet" href="css/bootstrap-wysihtml5.css" />
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" href="jsp/jquery.contextmenu.css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
    <style type="text/css">
        .form_33{margin-top: 7px;}
        #form33_sty{padding-bottom: 120px;}
        body{background-color: #f5f5f5;}
        .form_sty li:last-child{width: 40%}
        .form_sty li:last-child input{width: calc(50% - 118px)}
    </style>
</head>

<body>
    <!--close-left-menu-stats-sidebar-->
    <div id="form33_sty">
        <div class="form4_0_sty">
            <ul class="form40_tabs">
                <li>
                    <span class="form40_title">营收记录</span>
                    
                </li>
                <li>
                    <span class="form40_title">POS机记录</span>
                    
                </li>
                <li>
                    <span class="form40_title">业务记录</span>
                    
                </li>
            </ul>
            <div class="tabs_sui">
                <ul class="tabs_sui4 disN">
                    <li>租车记录111</li>
                    <li>还车记录111</li>
                    <li>销户记录111</li>
                    <li>开卡记录111</li>
                    <li>调度记录111</li>
                </ul>
                <ul class="tabs_sui4 disN">
                    <li>租车记录222</li>
                    <li>还车记录222</li>
                    <li>销户记录222</li>
                    <li>开卡记录222</li>
                    <li>调度记录222</li>
                </ul>
                <ul class="tabs_sui4 disN">
                    <li>租车记录333</li>
                    <li class="active">还车记录</li>
                    <li>销户记录333</li>
                    <li>开卡记录333</li>
                    <li>调度记录333</li>
                </ul>
            </div>
        </div>
        <div class="form_33 disN">
            <div class="form_sty">
                <ul>
                    <li>
                        <span>还车停车柱号：</span>
                        <input type="text" name="">
                    </li>
                    <li>
                        <span>还车状态：</span>
                        <select name="" id="">
                            <option value="">全部</option>
                            <option value="">全部</option>
                            <option value="">全部</option>
                        </select>
                    </li>
                    <li>
                        <span>车牌号：</span>
                        <input type="text" name="">
                        
                    </li>
                    <li>
                        <span>版收费金额：</span>
                        <select name="" id="">
                            <option value="">一百万</option>
                            <option value="">两百万</option>
                            <option value="">五百万</option>
                            <option value="">等等</option>
                            <option value="">全部资产</option>
                        </select>
                    </li>
                    <li>
                        <span>取车停车柱号：</span>
                        <input type="text" name="">
                    </li>
                    <li>
                        <span>表面卡号：</span>
                        <input type="text" name="">
                    </li>
                    <li>
                        <span>停车点：</span>
                        <input type="text" name="">
                    </li>
                    <li>
                        <span>卡类型：</span>
                        <select name="" id="">
                            <option value="">魔法卡</option>
                            <option value="">陷阱卡</option>
                            <option value="">史诗卡</option>
                            <option value="">等等</option>
                            <option value="">全部</option>
                        </select>
                    </li>
                    <li>
                        <span>卡类别：</span>
                        <select name="" id="">
                            <option value="">魔法卡</option>
                            <option value="">陷阱卡</option>
                            <option value="">史诗卡</option>
                            <option value="">等等</option>
                            <option value="">全部</option>
                        </select>
                    </li>
                    <li>
                        <span>时间范围：</span>
                        <input type="date" name="">：<input type="date" name="">
                    </li>
                    
                </ul>
                <div class="form_btn">
                    <input type="button" value="查询" class="search">
                    <input type="reset" value="重置" class="reset">
                </div>
            </div>
        </div>
        <div class="form10_tab disN">
            <table>
                <tr>
                    <th>序号</th>
                    <th>管理箱编号</th>
                    <th>状态</th>
                    <th>离线/故障/总数</th>
                    <th>地址</th>
                    <th>IP地址</th>
                    <th>版本号</th>
                    <th>所属停车点</th>
                    <th>区域</th>
                    <th>所属片区</th>
                    <th>最后更新时间</th>
                    <th>备注</th>
                </tr>
                <tr>
                    <td>1101</td>
                    <td class="green">201503</td>
                    <td>正常</td>
                    <td>3/0/4</td>
                    <td>盈泽演示</td>
                    <td>192.168.10.144</td>
                    <td>2005</td>
                    <td>市财政局</td>
                    <td>天元区</td>
                    <td class="green">TN-黄河南</td>
                    <td>2016-08-12 10:34:35</td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
            
        </div>
        <div class="pages">
            <ul>
                <li>共28条</li>
                <li>第1/1页</li>
                <li>跳转到第
                    <input type="text">页</li>
                <li><a href="javascript:void(0)">《</a></li>
                <li><a href="javascript:void(0)">1</a></li>
                <li><a href="javascript:void(0)">》</a></li>
            </ul>
        </div>
        <!-- 修改的窗口 -->
        <div class="form10_open disN">
            <table>
                <tr>
                    <th colspan=2>修改信息</th>
                </tr>
                <tr>
                    <td>编号：</td>
                    <td>
                        1011
                    </td>
                </tr>
                <tr>
                    <td>状态：</td>
                    <td>
                        <select>
                            <option>正常</option>
                            <option>不正常</option>
                            <option>不知道</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>地址：</td>
                    <td>
                        <input type="text" value="盈泽演示">
                    </td>
                </tr>
                <tr>
                    <td>所属停车点：</td>
                    <td>
                        <select>
                            <option>羊城</option>
                            <option>帝都</option>
                            <option>龙城</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>备注：</td>
                    <td>
                        <textarea name="" id="" cols="30" rows="3"></textarea>
                    </td>
                </tr>
            </table>
            <div class="form10_btn">
                <input type="button" name="" value="确定" class="sure">
                <input type="button" name="" value="取消" class="cancel">
            </div>
            <a href="javascript:void(0)" class="disN">&nbsp;</a>
        </div>
        <!-- 修改窗口结束 -->
    </div>
    <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
    <script src="jsp/jquery.contextmenu.js"></script>
    <script>
    $(function() {
        $('.form10_tab td').contextPopup({
            // title: 'My Popup Menu',
            items: [{
                label: '添加',
                icon: 'img/right_add.png',
                action: function() {
                    alert('clicked 1')
                }
            }, {
                label: '删除',
                icon: 'img/right_del.png',
                action: function() {
                    alert('clicked 2')
                }
            }, {
                label: '修改',
                icon: 'img/right_gai.png',
                action: function() {
                    $(".form10_open").show()
                }
            }, ]
        });
    });
    </script>
    <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
    <script>
    $(".form10_open .cancel").click(function() {
        $(".form10_open").hide()
    })
    $(".form40_title,.tabs_sui4").hover(function () {
        var num1=$(this).parents('li').index();
        $(".tabs_sui4").eq(num1).show();
    },function () {
        $(".tabs_sui4").hide();
    })
    $(".active").click(function () {
        $(".form10_tab,.form_33").show()
    })
    </script>
</body>
</html>